/* Reset básico */
* {
    margin: 0;
    padding: 0;
}

/* Estilos para a seção principal */
#section-menu-reconhecimentofazbem {
    position: static;
}

/* Div principal */
.div-section-menu-reconhecimentofazbem-inicio {
    width: 100%;
    height: 870px;
    background-color:#8CBDAB;
    align-items: center;
    text-align: center;
}

.text-section-menu-reconhecimentofazbem-titulo-r{
    color:#15403D;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 46px;
    padding-top: 100px;
    padding-bottom: 60px;
}

.text-section-menu-reconhecimentofazbem-texto-quando{
    color: #000000;
    font-size: 16px;
    text-align: left;
    padding-left: 450px;
    line-height: 1.4;
    max-width: 900px;
}

.text-section-menu-reconhecimentofazbem-texto-quando b{
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

/*-----------------------------------------------*/

.div-section-menu-reconhecimentofazbem-cartoes{
    width: 100%;
    height: 900px;
    background-color:#15403D;
    align-items: left;
    text-align: left;
}

.text-section-menu-reconhecimentofazbem-titulo-c{
    font-size: 38px;
    line-height: normal;
    letter-spacing: normal;
    color:#FCD3C3;
    margin-left: 190px;
    padding-top: 60px;
    margin-bottom: 30px;
}

.container-section-menu-reconhecimentofazbem-cartoes{
    margin-left: 190px;
    align-items: flex-start; /* Alinha os itens ao topo */
    gap: 40px; /* Espaço entre as colunas */
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Duas colunas */
    justify-items: left;
    max-width: 900px;
}

.img-section-menu-reconhecimentofazbem-design-gratidao,
.img-section-menu-reconhecimentofazbem-design-admiracao,
.img-section-menu-reconhecimentofazbem-design-voce{
    width: 100%;
    max-width: 600px;
}

/* Força a terceira imagem para a linha seguinte */
.img-section-menu-reconhecimentofazbem-design-voce {
    grid-column: 1 / 2; /* Fica alinhada à esquerda */
}

/* Responsividade */
@media (max-width: 768px) {
    .container-section-menu-reconhecimentofazbem-cartoes {
        grid-template-columns: 1fr; /* Uma única coluna */
        justify-items: center; /* Centraliza em telas pequenas */
    }

    .text-section-menu-reconhecimentofazbem-titulo-c {
        margin-left: 0;
        text-align: center;
    }
}